iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 18
1

今天我要來介紹如何把我們前幾天做的 chatbot,應用在 Facebook Messenger。

創建 Facebook 粉絲專頁及相關設定

1.1 前往 Facebook page

1.2 點選 建立新專頁
https://ithelp.ithome.com.tw/upload/images/20201003/20129689bzQf91PlIm.jpg

1.3 填寫以下資訊

  • 粉絲專頁名稱 : <你喜歡的名字>
  • 類別 : <隨便選一個>
    https://ithelp.ithome.com.tw/upload/images/20201003/20129689ju6yK6CEOz.jpg

1.4 繼續按儲存
https://ithelp.ithome.com.tw/upload/images/20201003/20129689wkNb27VHa7.jpg

1.5 點選更多,點選關於
https://ithelp.ithome.com.tw/upload/images/20201003/20129689xL0bs4H1kd.jpg

1.6 滾輪往下滑,記下Page ID
https://ithelp.ithome.com.tw/upload/images/20201003/20129689nfPtwmyxrc.jpg

1.7 前往 facebook for developers

1.8 點選建立應用程式
https://ithelp.ithome.com.tw/upload/images/20201003/20129689cPpoKjBBli.jpg

1.9 選擇管理企業整合工具
https://ithelp.ithome.com.tw/upload/images/20201003/20129689FO77nDMVeB.jpg

1.10 填寫以下資料

  • 應用程式顯示名稱 : <任何名稱>
  • 應用程式聯絡電子郵件地址 : <你的 email>
  • 應用程式用途: 你自己或你的商家
    https://ithelp.ithome.com.tw/upload/images/20201003/20129689ZTZdATXB2y.jpg

1.11 點選設定點選基本資料

1.12 記下 應用程式編號 and 應用程式密鑰
https://ithelp.ithome.com.tw/upload/images/20201003/20129689oLnnnFGedB.jpg

1.13 點選進階

1.14 允許 API 存取應用程式設定 轉換為
https://ithelp.ithome.com.tw/upload/images/20201003/20129689tyRIwzhWll.jpg

1.15 記得按下儲存變更

1.16 選擇主控版

1.17 滾輪往下滑找到Messenger

1.18 點選設定
https://ithelp.ithome.com.tw/upload/images/20201003/20129689fj6U4Yqu6l.jpg

1.19 點選新增或移除粉絲專業
https://ithelp.ithome.com.tw/upload/images/20201003/20129689maqQJjMC8P.jpg

1.20 選擇我們剛剛做的粉絲專業名稱

1.21 點選下一步 + 完成

1.22 點選產生權杖
https://ithelp.ithome.com.tw/upload/images/20201003/20129689J6cimrDvWn.jpg

1.23 記下權杖值
https://ithelp.ithome.com.tw/upload/images/20201003/20129689xM8LnTUyqg.jpg

操作 Bot Channel Registration

2.1 前往 Azure Portal

2.2 找到之前已經成功 deploy 的 Bot Channel Registration

2.3 點選 Channels

2.4 點選 Facebook
https://ithelp.ithome.com.tw/upload/images/20201003/20129689zd9sxL5xGM.jpg

2.3 利用先前記下的四組資料,依名稱填入對應的欄位並按下Save

  • Facebook App ID : <步驟 1.12>
  • Facebok App Secret : <步驟 1.12
  • Page ID : <步驟 1.6>
  • Page Access Token : <步驟 1.23>
    https://ithelp.ithome.com.tw/upload/images/20201003/20129689wVLWzODtoA.jpg

2.4 滾輪往下,並記下Callback URL and Verify Token for future use
https://ithelp.ithome.com.tw/upload/images/20201003/20129689acJURvi6Dr.jpg

最後一哩路

3.1 回到 facebook for developers

3.2 點選剛創建立應用程式名稱

3.3 點選Messenger底下的設定

3.4 在Webhooks底下,點選新增回呼網址
https://ithelp.ithome.com.tw/upload/images/20201003/20129689DPsGYaCzTj.jpg

3.5 貼上 步驟2.4 的 URL + Token

3.6 點選驗證並儲存

3.7 點選新增訂閱
https://ithelp.ithome.com.tw/upload/images/20201003/201296890zvEW24mcB.jpg

3.8 勾選message並按下儲存
https://ithelp.ithome.com.tw/upload/images/20201003/201296898CKnmvel1F.jpg

3.9 大功告成,可以用自己的 FB 帳號搜尋粉絲專頁的名稱,並發訊息對話


上一篇
【Day17】解決 Welcome Message 無法在 Web Chat 上正常顯示的問題
下一篇
【Day19】在 LINE 使用 Azure Chatbot
系列文
利用Python開發一個以Azure服務為基底的Chat Bot30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言